
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 

    <title>网站评价</title>


    
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/main.css" rel="stylesheet">
  </head>

  <body>

    <div class="container">
    <!-- 导航 -->
      <div class="masthead">
       
        <nav>
          <ul class="nav nav-justified">
            <li><a href="index.html">HOME</a></li>
            <li><a href="index_html.html">HTML</a></li>
            <li><a href="index_css.html">CSS</a></li>
            <li><a href="index_javascript.html">JavaScript</a></li>
            <li><a href="index_bootstrap.html">Bootstrap</a></li>
            <li><a href="index_jquery.html">jQuery API</a></li>
            <li  class="active"><a href="index_other">Other</a></li>
          </ul>
        </nav>
      </div>

   
      <div class="row">
       <div class="bs-docs-section">
        <h1 id="whats-included" class="page-header">网站评价内容</h1>

        <p class="lead">1 <a herf="#target1" >网站的目的 </a></p>
        <p class="lead">2 <a herf="#target2" >网站的范围 </a></p>
        <p class="lead">3 <a herf="#target3" >网站的内容</a></p>
        <p class="lead">4 <a herf="#target4" >网站的设计</a></p>
        <p class="lead">5 <a herf="#target5" >网站的信息展示</a></p>
        <p class="lead">6 <a herf="#target6" >网站的可用性</a></p>
        <div class="bs-callout bs-callout-warning" id="jquery-required">
          <h4><a name="target1" id="target1" >网站的目的</a></h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;本网站为入门级学习网页开发教学网站。<br />从 <a href="index_html.html" >html</a> <a href="index_css.html"> CSS  </a> <a href="index_javascript.html" >javaScript</a> 基础内容的学习到 网站设计框架应用 如 Bootstrap jQuery API 等工具使用 来加快网站的设计开发。<br/>通过学习之后，可以整体了解的网站制作所需要的前端知识。</p>
        </div>
        <div class="bs-callout bs-callout-warning" id="jquery-required">
          <h4><a name="target2" id="target2" >网站的范围</a></h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;主要针对入门级读者。所涉及内容都是浅尝辄止。通过学习完所有内容，可以继续学习其他更加深入的知识。</p>
        </div>
        <div class="bs-callout bs-callout-warning" id="jquery-required">
          <h4><a name="target3" id="target3" >网站的内容</a></h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;主要由 html  css javaScript 三个主要部分组成。然后进一步简单介绍了一些网页开发使用到的框架类工具。</p>
        </div>
        <div class="bs-callout bs-callout-warning" id="jquery-required">
          <h4><a name="target4" id="target4" >网站的设计</a></h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp; 网站的设计有如下几个原则<br />
          <ul>
            <li>紧凑原则</li>
            <li>对齐原则</li>
            <li>重复原则</li>
            <li>对比原则</li>
          </ul>
根据此原则， 把相同模块功能归纳到统一的入口。由导航条进入不通的分项。<br />在主界面中展示了网站所包含的所有功能简介 一目了然的了解到整个网站的所有提供的内容。并提供统一的导航条方便内容之间的跳转链接。
          </p>
        </div>
        <div class="bs-callout bs-callout-warning" id="jquery-required">
          <h4><a name="target5" id="target5" >网站的信息展示</a></h4>
          <p>本网站整除了主界面 包含了所有网站的信息之外 其他子页面的内容都为相同功能信息，无其他干扰读者的内容。并更具不通内容使用不通的样式来展示不通内容。方便浏览着查找重点知识。</p>
        </div>
        <div class="bs-callout bs-callout-warning" id="jquery-required">
          <h4><a name="target6" id="target6" >网站的可用性</a></h4>
          <p>网站最终为浏览者所使用。设计出来的网站不能让浏览者去猜测，去思考。浏览者只是去浏览。还要提供清晰明了的导航。不至于是浏览者迷失，不知道自己身处何处<br/>
          本网站提供了一个统一的导航条 这样在任何一个页面都可以调整到网站的所有子页面。一级导航之后 再次提供二级导航，精细的划分了二级内容。使浏览者再任何时候都能找到相关的信息。这样浏览者几乎可以不用去思考，随时可以方便的找到自己想要的内容。<br />
          浏览者可以一眼就能看出网页所提供的重点信息。把不相关的内容劲量屏蔽掉，去除不相关内容，是页面更加简洁，重点突出。</p>
        </div>
      </div>

      
      <footer class="footer">
        
      </footer>

    </div>


    
  </body>
</html>
